<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/ui.css"/>
	</head>
	<body>
		<div class="top">
			<div class="wrap">
				<p class="call">010-114/116114电话预约</p>
			<p class="welcome">欢迎来到城市预约挂号统一平台 请    
			 <a href="#">登录</a>   
			<a href="#">注册</a>
			<a href="#">帮助中心</a>
			</p>
		 </div>
			</div>
			
		<header>
			<div class="wrap">
				<div class="logo">
					<img class="logo_img" src="img/logo.png"/>
				</div>
			    <div class="search">
					<div class="serch_dv">
						医院
					</div>
					<div class="search_list">
						<a href="">科室</a>
						<a href="">疾病</a>
						<a href="">医院</a>
					</div>
					<input type="text" name="" id="" value="" placeholder="请输入搜索内容"/>
					<a href="">&nbsp;</a>
				</div>
			
			</div>	
		</header>
		<nav>
			<div class="wrap">
				<ul>
					<li class="items_head"><a href="">全部科室</a>
					</li>
					<li class="items"><a href="">按医院挂号</a></li>
					<li class="items"><a href="">按科室挂号</a></li>
					<li class="items"><a href="">按疾病挂号</a></li>
					<li class="items"><a href="">最新公告</a></li>
					<li class="items_fotter"><a href="">社会知名医院</a></li>
					<div class="detailed">
							<div class="detailed_item">
								<span>内科</span>
								<a href="">胃炎</a>
								<a href="">高血压</a>
								<div class="detailed_group">
									<div class="detailed_group_items">
											<p>内科</p>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
									</div>
									<div class="detailed_group_items">
											<p>内科</p>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
											<a href="">消化内科</a>
									</div>
							 	</div>
							</div>
							
					</div>
				</ul>
			</div>
		</nav>
		<div class="banner1">
			
		
		<div class="wrap">
			<div class="banner">
			<div class="banner_silder">
				<div class="banner_silder_wrap">
					<img src="img/banner_1.jpg"/>
				 	<img src="img/banner_2.jpg"/>
				 	<img src="img/banner_3.jpg"/>
				</div>
				<div class="banner_silder_arrow">
					<div class="banner_silder_arrow_left">
						
					</div>
					<div class="banner_silder_arrow_right">
						
					</div>
				</div>
				<div class="banner_silder_item">
					<div class="banner_silder_item_spot item_focus">
						
					</div>
					<div class="banner_silder_item_spot">
						
					</div>
					<div class="banner_silder_item_spot">
						
					</div>
				</div>
			</div>
			<div class="banner_serch">
				<div class="title">
					<p >快速预约</p>
				</div>
				<div class="list">
				<select name="">
					<option value="">医院地区</option>
				</select>
				<select name="">
					<option value="">医院等级</option>
					
				</select>
				<select name="">
					<option value="">医院名称</option>
				</select>
				<select name="">
					<option value="">医院科室</option>
				</select>
				</div>
				<input class="btn" type="button" id="" value="快速查询" />
			</div>
			<div class="banner_help">
				<div class="title">
					<p >帮助中心</p>
				</div>
				<a href="">账号指南</a>
				<a href="">预约指南</a>
				<a href="">账号找回</a>
				<a href="">常见问题</a>
			</div>
			
		</div>
		</div>
	</div>
		<div class="content">
			<div class="wrap">
				<div class="content_detailed">
					<div class="content_detailed_nav">
						<a href="###" class="item select">医院</a>
						<a href="###" class="item">科室</a>
					</div>
					<div class="block">
 						<div class="items">
						<div class="content_detailed_region">
							<a href="" class="select">全部</a>
							<a href="">东城区</a>
							<a href="">西城区</a>
							<a href="">朝阳区</a>
							<a href="">丰台区</a>
							<a href="">石景山区</a>
							<a href="">海淀区</a>
							<a href="">山头沟区</a>
							<a href="">房山区</a>
							<a href="">其他</a>
						</div>
						<div class="region">
							<div class="content_detailed_hospital">
						<div class="content_detailed_hospital_items">
							<div class="">
								<img src='img/hospital-1.jpg'"/>
							</div>
							<div class="content_detailed_hospital_items_call">
							   	<h5><a href="">北京协和医院</a> <span>[三级甲等]</span></h5>
								<p>电话： 医院总机查号台：69156114</p>
							</div>
							<div class="content_detailed_hospital_items_address">
								<p>地址： [东院]北京市东城区帅府园一号</p> 
								<p>[西院]北京市西城区大木仓...</p>
							</div>
						</div>
						<div class="content_detailed_hospital_items-2">
							<div class="">
								<img src='img/hospital-1.jpg'"/>
							</div>
							<div class="content_detailed_hospital_items_call">
							   	<h5><a href="">北京协和医院</a> <span>[三级甲等]</span></h5>
								<p>电话： 医院总机查号台：69156114</p>
							</div>
							<div class="content_detailed_hospital_items_address">
								<p>地址： [东院]北京市东城区帅府园一号</p> 
								<p>[西院]北京市西城区大木仓...</p>
							</div>
						</div>
						<div class="content_detailed_hospital_items-3">
							<div class="">
								<img src='img/hospital-1.jpg'"/>
							</div>
							<div class="content_detailed_hospital_items_call">
							   	<h5><a href="">北京协和医院</a> <span>[三级甲等]</span></h5>
								<p>电话： 医院总机查号台：69156114</p>
							</div>
							<div class="content_detailed_hospital_items_address">
								<p>地址： [东院]北京市东城区帅府园一号</p> 
								<p>[西院]北京市西城区大木仓...</p>
							</div>
						</div>
						<div class="content_detailed_hospital_items-4">
							<div class="">
								<img src='img/hospital-1.jpg'"/>
							</div>
							<div class="content_detailed_hospital_items_call">
							   	<h5><a href="">北京协和医院</a> <span>[三级甲等]</span></h5>
								<p>电话： 医院总机查号台：69156114</p>
							</div>
							<div class="content_detailed_hospital_items_address">
								<p>地址： [东院]北京市东城区帅府园一号</p> 
								<p>[西院]北京市西城区大木仓...</p>
							</div>
						</div>
					
						
						</div>
						</div>
						<div class="region" style="display: none;">
							其他地区
						</div>
						</div>
						<div class="items" style="display: none;">
						科室内容
						</div>
					</div>
					
					
				<div class="project">
						<div class="project_1">
						<a href="">北京大学第三医院</a>
						<span>【三级甲等】</span>
						</div>
						<div class="project_1">
						<a href="">北京大学第三医院</a>
						<span>【三级甲等】</span>
						</div>
						<div class="project_1">
						<a href="">北京大学第三医院</a>
						<span>【三级甲等】</span>
						</div>
						<div class="project_1">
						<a href="">北京大学第三医院</a>
						<span>【三级甲等】</span>
						</div>
						<div class="project_1">
						<a href="">北京大学第三医院</a>
						<span>【三级甲等】</span>
						</div>
						<div class="project_1">
						<a href="">北京大学第三医院</a>
						<span>【三级甲等】</span>
						</div>
				</div>
					<div class="more">
						<a href="">更多医院</a>
					</div>
				</div>
				<div class="content_detailed_news">
					<div class="content_detailed_news_head">
						<span>最新公告</span>
						<a href="">丨更多</a>
					</div>
					<div class="content_detailed_news_head_list">
						<ul>
							<li>首都医科大学宣武医院号源暂停更</li>
							<li>防护策略升级通知</li>
							<li>清华大学医院暑假暂停更新号源通...</li>
							<li>中国中医科学院西苑医院特需门诊...</li>
							<li>北京清华长庚医院号源更新时间及...</li>
							<li>北京大学第一医院号源更新时间调...</li>
						</ul>
					</div>
				</div>
				<div class="content_detailed_close">
					<div class="content_detailed_close_head">
						<span>停诊公告</span>
						<a href="">丨更多</a>
					</div>
					<div class="content_detailed_close_list">
						<ul>
							<li>首都医科大学宣武医院号源暂停更...</li>
							<li>防护策略升级通知</a></li>
							<li>清华大学医院暑假暂停更新号源通...</li>
							<li>中国中医科学院西苑医院特需门诊...</li>
							<li>北京清华长庚医院号源更新时间及...</li>
							<li>北京大学第一医院号源更新时间调...</li>
						</ul>
					</div>
				</div>
				</div>
			</div>
		</div>
		<footer><p>2018/7/23	今天也想刘大哥</p></footer>
		
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/ui.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
